<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Description">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
</head>

<body>
  <div id="app"></div>
  <script>
    const footerHtml = [
      '<hr/>',
      '<footer>',
      '<span><a href="https://www.npmjs.com/package/@zhg-x/docsify-plugins" target="_blank">docsify-plugins</a></span>',
      '<span style="margin-left: 20px;"><a href="https://docsify.js.org/#/zh-cn/" target="_blank">docsify文档</a>.</span>',
      '</footer>'
    ].join('');
    const footerNode = document.createElement('div');
    footerNode.innerHTML = footerHtml;
    footerNode.style.padding = '0 30px';
    footerNode.style.textAlign = 'center';
    window.$docsify = {
      name: '',
      repo: '',
      coverpage: 'cover.md', // 配置封面
      // onlyCover: true,
      relativePath: true, // 启用相对路径
      scrollToTop: {
        auto: true,
        text: 'Top',
        // icon: 'arrow-up-1',
        right: 15,
        bottom: 15,
        width: 40,
        height: 40,
        offset: 500
      },
      plugins: [
        function(hook) {
          var footer = [
            '<hr/>',
            '<footer>',
            '<span><a href="https://github.com/QingWei-Li">cinwell</a> &copy;2017.</span>',
            '<span>Proudly published with <a href="https://github.com/docsifyjs/docsify" target="_blank">docsify</a>.</span>',
            '</footer>'
          ].join('');

          hook.afterEach(function(html) {
            return html + footer;
          });
        }
      ],
      customFooter: {
        // footerElement: footerNode,
        textLinks: [
          {
            tagType: 'a',
            text: 'CSDN',
            link: 'https://blog.csdn.net/pro_fan'
          },
          {
            tagType: 'img',
            id: 'my-img',
            text: 'img',
            style: {'height': '20px'},
            link: 'https://unpkg.com/@zhg-x/resources@1.0.0/assets/images/arrow-up-1.png'
          },
          {
            tagType: 'text',
            text: '更新时间：2022/04/15'
          }
        ]
      }
    }
  </script>
  <!-- Docsify v4 -->
  <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
  <!-- 引用scroll-to-top插件 -->
  <script src="/scroll-to-top.js"></script>
  <script src="./custom-footer.js"></script>
</body>

</html>
